 			var tempId;//用来记录修改的那条数据的id(通过这个id可以知道我们修改了那条数据)
			var arrStr;
			var arr;
			;(function(){
				var prompt=document.getElementById("prompt");
				var user=document.getElementById("user");
				var age=document.getElementById("age");
				var sexIpts=document.querySelectorAll("div#sex input[type='radio']")
				//console.log("sexIpts:",sexIpts);
				var hobIpts=document.querySelectorAll("div#hobby input[type='checkbox']");
				//console.log("hobIpts:",hobIpts);
				var edu=document.getElementById("edu");
				
				
				var add=document.getElementById("add");
				var updf=document.getElementById("updf");
				
				console.log("localStorage.arrStr:",localStorage.arrStr,typeof localStorage.arrStr);
				if(localStorage.arrStr){
					console.log("1111111111111111");
					arrStr=localStorage.arrStr;
					arr=JSON.parse(arrStr);
				}else{
					console.log("222222");
					arr=[];
				}
				showPage(arr);
				

				add.onclick=function(){
					console.log("0000000000000000",arr);
					var userName=user.value.trim();
					var ageV=age.value.trim();
					prompt.innerHTML="";
					if(userName&&ageV){
						var obj={//创建一个对象,用来存储每次添加的信息
							id:getId(),//将时间戳做为id(唯一性)
							user:userName,
							age:ageV,
							sex:getSex(),//获取性别
							hobby:getHobby(),
							edu:edu.value
						}
						//console.log("obj:",obj);
						//arr.push(obj);//将先增加的对象添加的数组中
						if(localStorage.arrStr&&localStorage.arrStr!="null"){
							arrStr=localStorage.arrStr;
							arr=JSON.parse(arrStr);
						}
						arr.unshift(obj);
						//console.log("arr:",arr);
						var arrStr=JSON.stringify(arr);//将数组转化为json字符串
						localStorage.arrStr=arrStr;//将json字符串 存储到localStroage中
						showPage(arr);//渲染页面
						clearValue();//清空输入部分
					}else{
						prompt.innerHTML="数据有误,请检查!";
					}
				}
				



			}());
			
			
			
			//渲染页面
			function showPage(arr){
				//arr?arr:arr=[];
				console.log("渲染页面拿到arr:",arr);
				var len=arr.length;
				var trth=document.querySelector("thead#trth");
				var tab=document.getElementById("tab");
				if(len==0){
					tab.innerHTML="";//清空原来数据
					trth.style.display="none";
				}else{
					trth.style.display="table-header-group";
					var trtd="";
					for(var i=0;i<arr.length;i++){
						///////
						trtd+=`
							<tr>
								<td>${arr[i].user}</td>
								<td>${arr[i].age}</td>
								<td>${arr[i].sex=="0"?"先生":"女士"}</td>
								<td>${setHobby(arr[i].hobby)}</td>
								<td>${setEdu(arr[i].edu)}</td>
								<td>
									<a onclick=upd(${JSON.stringify(arr[i])})>修改</a>
									<a onclick=del(${arr[i].id})>删除</a>
								</td>
							</tr>
						`;
					}
					tab.innerHTML=trtd;
				}
			}
			
			
			//修改数据:步骤一
			function upd(obj){
				//console.log("要修改数据的对象:",obj);
				var user=document.getElementById("user");
				var age=document.getElementById("age");
				var edu=document.getElementById("edu");
				var sexIpts=document.querySelectorAll("div#sex input[type='radio']");
				var hobIpts=document.querySelectorAll("div#hobby input[type='checkbox']");
				
				user.value=obj.user;
				age.value=obj.age;
				edu.value=obj.edu;
				
				//选中性别
				if(obj.sex=="0"){
					sexIpts[0].checked=true;
				}else{
					sexIpts[1].checked=true;
				}
				
				//选中爱好
				for(var i=0;i<hobIpts.length;i++){
					hobIpts[i].checked=false;
					for(var j=0;j<obj.hobby.length;j++){
						if(hobIpts[i].value==obj.hobby[j]){
							hobIpts[i].checked=true;
						}
					}
				}
				
				//切换按钮
				var add=document.getElementById("add");
				var updf=document.getElementById("updf");
				
				add.style.display="none";
				updf.style.display="inline-block";
				
				
				//记录修改的那条数据的id
				tempId=obj.id;
				
			}
			
			
			//根据id,删除数据
			function del(id){
				//console.log("要删除数据的id:",id);
				var arrStr=localStorage.arrStr;
				var arr=JSON.parse(arrStr);
				for(var i=0;i<arr.length;i++){
					//console.log("arr[i]:",arr[i].id);
					if(arr[i].id==id){
						arr.splice(i,1);//删除功能,
					}
				}
				
				var arrStr=JSON.stringify(arr);//将数组转化为json字符串
				localStorage.arrStr=arrStr;//将json字符串 存储到localStroage中
				showPage(arr);//渲染页面
				
			}
			

			//设置爱好
			function setHobby(arr){
				//console.log("爱好:",arr);
				var hobbyObj={
					h1:"电影",
					h2:"唱歌",
					h3:"游泳",
					h4:"学习",
					h5:"健身"
				}
				var strHobby="";
				for(var i=0;i<arr.length;i++){
					strHobby+=hobbyObj[arr[i]]+" ";
				}
				return strHobby;
			}
			
			
			//设置学历
			function setEdu(str){
				//console.log("str:",str);
				var eduObj={
					e1:"小学",
					e2:"中学",
					e3:"高中",
					e4:"大学",
					e5:"硕士"
				}
				//console.log("教育程度:",eduObj[str]);
				return eduObj[str]
			}
			
			
			//获取爱好
			function getHobby(){
				var hobIpts=document.querySelectorAll("div#hobby input[type='checkbox']");
				//console.log("hobIpts:",hobIpts);
				var arr=[];
				for(var i=0;i<hobIpts.length;i++){
					if(hobIpts[i].checked){
						arr.push(hobIpts[i].value);
					}
				}
				return arr;
			}
			
			//获取性别
			function getSex(){
				var sexIpts=document.querySelectorAll("div#sex input[type='radio']")
				//console.log("sexIpts:",sexIpts);
				if(sexIpts[0].checked){
					return sexIpts[0].value;
				}else{
					return sexIpts[1].value;
				}
			}
			
			
			//返回一个时间戳
			function getId(){
				return new Date().getTime()+"";
			}